<?xml version="1.0" encoding="ISO-8859-1"?>

<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j" version="2.1">

	<ui:composition template="/template/pPrincipalHistoriaClinica.jspx">
		<ui:define name="head">
			<title>Menu Principal</title>
		</ui:define>

		<ui:define name="bodyarea">
			<!-- contenido del cuerpo -->

			<rich:panel>
				<f:facet name="header">
					<h:outputText styleClass="outputText" id="lblTitulo"
						value="H/C QUE EGRESAN A OTROS DESTINOS">
					</h:outputText>
				</f:facet>
				<rich:panel headerClass="cabeceraPanel">
					<f:facet name="header">
						<h:outputText value="Busqueda Historia Clinica" />
					</f:facet>

					<h:panelGrid columns="6" styleClass="texto" width="80%">

						<h:outputText styleClass="outputText" value="Fecha:" />
						<h:inputText styleClass="outputText"
							value="#{historiaClinicaMB.listaMedico[0].campo2}" />

						<h:outputText value="" />
						<h:outputText value=" " />
						<h:outputText value=" " />
						<h:outputText value=" " />

					</h:panelGrid>


				</rich:panel>

				<!-- Panel  -->
				<rich:panel headerClass="cabeceraPanel">
					<f:facet name="header">
						<h:outputText value="Resultados" />
					</f:facet>


					<rich:dataTable id="tablaEgresanDestino" width="90%" binding="#{historiaClinicaMB.bindingTableHClinica}"
						value="#{historiaClinicaMB.listaHCEgresanDestino}" var="fila"
						headerClass="headerTable" cellpadding="4" cellspacing="0"
						columnClasses="columnTable" rowKeyVar="row">
						<rich:column sortBy="#{fila.campo1}">

							<f:facet name="header">
								<h:outputText value="Destino" />
							</f:facet>
							<a4j:commandLink value="#{fila.campo1}" id="link"
								ajaxSingle="true"
								
								reRender="panelAgregarMvtoEgresan"
								oncomplete="Richfaces.showModalPanel('panelEditarMvtoEgresan');">
							</a4j:commandLink>

							<h:inputHidden id="indexLista" value="#{row}" />


						</rich:column>

						<rich:column sortBy="#{fila.campo2} ">
							<f:facet name="header">
								<h:outputText value="Nombres #{(row)}" />
							</f:facet>
							<h:outputText value="#{fila.campo2} " />
						</rich:column>

						<rich:column sortBy="#{fila.campo3}">
							<f:facet name="header">
								<h:outputText value="Autog." />
							</f:facet>
							<h:outputText value="#{fila.campo3}" />
						</rich:column>

						<rich:column sortBy="#{fila.campo4}">
							<f:facet name="header">
								<h:outputText value="NHC1" />
							</f:facet>
							<h:outputText value="#{fila.campo4}" />
						</rich:column>

						<rich:column sortBy="#{fila.campo5}">
							<f:facet name="header">
								<h:outputText value="Motivo " />
							</f:facet>
							<h:outputText value="#{fila.campo5}" />
						</rich:column>

						<rich:column>
							<a4j:commandButton id="editar" styleClass="icoEditar"
								action="#{historiaClinicaMB.editarMvtoEgresanDestinos}"
								reRender="tablaEgresanDestino,panelEditarMvtoEgresan"
								oncomplete="Richfaces.showModalPanel('panelEditarMvtoEgresan');">
							</a4j:commandButton>
							<a4j:commandButton id="eliminar" styleClass="icoEliminar"
									action="#{historiaClinicaMB.eliminarMvtoEgresanDestinos}"
							
								reRender="tablaEgresanDestino">
							</a4j:commandButton>
						</rich:column>


					</rich:dataTable>
					<rich:jQuery selector="#tablaEgresanDestino tr:odd" timing="onload"
						query="addClass('deseleccionado')" />
					<rich:jQuery selector="#tablaEgresanDestino tr"
						query="mouseover(function(){jQuery(this).addClass('seleccionado')})" />
					<rich:jQuery selector="#tablaEgresanDestino tr"
						query="mouseout(function(){jQuery(this).removeClass('seleccionado')})" />

				</rich:panel>


				<h:panelGrid columns="2">
					<h:outputText value=" " />

				</h:panelGrid>

				<a4j:commandButton id="btnAgregar" styleClass="btnAgregar"
					action="#{historiaClinicaMB.nuevoMvtoEgresanDestinos}"
					reRender="panelAgregarMvtoEgresan"
					oncomplete="Richfaces.showModalPanel('panelAgregarMvtoEgresan');">
				</a4j:commandButton>




			</rich:panel>

			<rich:modalPanel autosized="true" id="panelAgregarMvtoEgresan"
				width="320" domElementAttachment="form">
				<f:facet name="header">
					<h:panelGroup id="pnlCabeceraAgregar">
						<h:outputText value="Agregar" id="txtAgregarMvtoEgresan"></h:outputText>

					</h:panelGroup>
				</f:facet>
				<f:facet name="controls">
					<h:panelGroup>
						

						<a4j:commandButton id="btnClose" styleClass="icoClose"
							ajaxSingle="true"
							reRender="panelAgregarMvtoEgresan"
							oncomplete="Richfaces.hideModalPanel('panelAgregarMvtoEgresan');">
						</a4j:commandButton>
					</h:panelGroup>
				</f:facet>
				<a4j:form ajaxSubmit="true" id="formAgregarMvtoEgresan">
					<h:panelGrid id="pnlGridTreeAgregarMvtoEgresan" columns="2">
						<h:outputText styleClass="outputText"
							value="No. H/C: #{historiaClinicaMB.posicionListaAgregar}" />
						<h:inputText id="campo1Agregar" styleClass="inputText"
							value="#{historiaClinicaMB.tempListaHCEgresanDestino[historiaClinicaMB.posicionListaAgregar].campo1}">
							<a4j:support event="onblur" ajaxSingle="true"
								reRender="campo1Agregar" process="campo1Agregar" />

						</h:inputText>
						<h:outputText styleClass="outputText" value="Nombre:" />
						<h:inputText id="campo2Agregar" styleClass="outputText"
							value="#{historiaClinicaMB.tempListaHCEgresanDestino[historiaClinicaMB.posicionListaAgregar].campo2}">
							<a4j:support event="onblur" ajaxSingle="true"
								reRender="campo2Agregar" process="campo2Agregar" />
						</h:inputText>

						<h:outputText styleClass="outputText" value="Autogenerado:" />
						<h:inputText id="campo3Agregar" styleClass="outputText"
							value="#{historiaClinicaMB.tempListaHCEgresanDestino[historiaClinicaMB.posicionListaAgregar].campo3}">
							<a4j:support event="onblur" ajaxSingle="true"
								reRender="campo3Agregar" process="campo3Agregar" />
						</h:inputText>

						<h:outputText styleClass="outputText" value="Cod. Destino:" />
						<h:inputText id="campo4Agregar" styleClass="outputText"
							value="#{historiaClinicaMB.tempListaHCEgresanDestino[historiaClinicaMB.posicionListaAgregar].campo4}">
							<a4j:support event="onblur" ajaxSingle="true"
								reRender="campo4Agregar" process="campo4Agregar" />
						</h:inputText>

						<h:outputText styleClass="outputText" value="Cod. Motivo:" />
						<h:inputText id="campo5Agregar" styleClass="outputText"
							value="#{historiaClinicaMB.tempListaHCEgresanDestino[historiaClinicaMB.posicionListaAgregar].campo5}">
							<a4j:support event="onblur" ajaxSingle="true"
								reRender="campo5Agregar" process="campo5Agregar" />
						</h:inputText>

						<h:outputText value="" id="description4" />
						<h:outputText value="" id="description5" />

					</h:panelGrid>

				</a4j:form>
				<a4j:commandButton id="btnGuardar2" styleClass="btnGuardar"
					ajaxSingle="true"
					reRender="panelAgregarMvtoEgresan,tablaEgresanDestino"
					action="#{historiaClinicaMB.guardarMvtoEgresanDestinos}"
					oncomplete="Richfaces.hideModalPanel('panelAgregarMvtoEgresan');">

				</a4j:commandButton>
			</rich:modalPanel>


			<rich:modalPanel autosized="true" id="panelEditarMvtoEgresan"
				width="320" domElementAttachment="form">
				<f:facet name="header">
					<h:panelGroup id="pnlCabeceraEditar">
						<h:outputText value="Editar" id="txtEditarMvtoEgresan"></h:outputText>
					</h:panelGroup>
				</f:facet>
				<f:facet name="controls">
					<h:panelGroup>
						

						<a4j:commandButton id="btnCloseEditar" styleClass="icoClose"
							ajaxSingle="true"
							reRender="panelEditarMvtoEgresan"
							oncomplete="Richfaces.hideModalPanel('panelEditarMvtoEgresan');">
						</a4j:commandButton>
					</h:panelGroup>
				</f:facet>
				<h:form id="formEditarMvtoEgresan">
					<h:panelGrid id="pnlGridTreeEditarMvtoEgresan" columns="2">
						<h:outputText styleClass="outputText" value="No. H/C: " />
						<h:inputText id="campo1" styleClass="inputText"
							value="#{historiaClinicaMB.listaHCEgresanDestino[historiaClinicaMB.posicionLista].campo1}">
							<a4j:support event="onblur" ajaxSingle="true" reRender="campo1"
								process="campo1" />
						</h:inputText>
						<h:outputText styleClass="outputText" value="Nombre:" />
						<h:inputText id="campo2" styleClass="outputText"
							value="#{historiaClinicaMB.listaHCEgresanDestino[historiaClinicaMB.posicionLista].campo2}">
							<a4j:support event="onblur" ajaxSingle="true" reRender="campo1"
								process="campo2" />
						</h:inputText>

						<h:outputText styleClass="outputText" value="Autogenerado:" />
						<h:inputText id="campo3" styleClass="outputText"
							value="#{historiaClinicaMB.listaHCEgresanDestino[historiaClinicaMB.posicionLista].campo3}">
							<a4j:support event="onblur" ajaxSingle="true" reRender="campo1"
								process="campo3" />
						</h:inputText>

						<h:outputText styleClass="outputText" value="Cod. Destino:" />
						<h:inputText id="campo4" styleClass="outputText"
							value="#{historiaClinicaMB.listaHCEgresanDestino[historiaClinicaMB.posicionLista].campo4}">
							<a4j:support event="onblur" ajaxSingle="true" reRender="campo1"
								process="campo4" />
						</h:inputText>


						<h:outputText styleClass="outputText" value="Cod. Motivo:" />
						<h:inputText id="campo5" styleClass="outputText"
							value="#{historiaClinicaMB.listaHCEgresanDestino[historiaClinicaMB.posicionLista].campo5}">
							<a4j:support event="onblur" ajaxSingle="true" reRender="campo1"
								process="campo5" />
						</h:inputText>


					</h:panelGrid>
				</h:form>

				<a4j:commandButton id="btnGuardar3" styleClass="btnGuardar"
					ajaxSingle="true" process="campo1,campo2,campo3,campo4,campo5"
					
					reRender="tablaEgresanDestino"
					oncomplete="Richfaces.hideModalPanel('panelEditarMvtoEgresan');">
				</a4j:commandButton>
			</rich:modalPanel>


		</ui:define>

		<ui:define name="extraarea">
			<!-- contenido del extra -->
		</ui:define>
	</ui:composition>

</jsp:root>